<template>
  <div class="container">
    <!-- table主体部分 -->
    <el-table v-loading="loading" border :data="typeList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column prop="number" label="序号" :show-overflow-tooltip="true" width="55"></el-table-column>
      <el-table-column v-if="false" label="申请编号" align="center" prop="dictId" />
      <el-table-column label="申请时间" align="center" prop="createTime" width="180">
        <template #default="scope">
          <span>{{ proxy.parseTime(scope.row.createTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="捐赠类型" align="center" prop="dictName" :show-overflow-tooltip="true" />
      <el-table-column label="样本属性" align="center" :show-overflow-tooltip="true">
        <template #default="scope">
          <router-link :to="'/system/dict-data/index/' + scope.row.dictId" class="link-type">
            <span>{{ scope.row.dictType }}</span>
          </router-link>
        </template>
      </el-table-column>
      <el-table-column prop="orderNum" label="用户ID"></el-table-column>
      <el-table-column prop="perms" label="用户编号" :show-overflow-tooltip="true"></el-table-column>
      <el-table-column prop="perms" label="用户姓名" :show-overflow-tooltip="true"></el-table-column>
      <el-table-column prop="perms" label="分配协调员" :show-overflow-tooltip="true"></el-table-column>
      <el-table-column prop="perms" label="用户编号" :show-overflow-tooltip="true"></el-table-column>
      <el-table-column prop="component" label="审核人" width="120" :show-overflow-tooltip="true"></el-table-column>

      <el-table-column label="审核时间" align="center" prop="createTime" width="180">
        <template #default="scope">
          <span>{{ proxy.parseTime(scope.row.createTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="status" label="审核状态" width="80">
        <template #default="scope">
          <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
        <template #default="scope">
          <el-tooltip content="分配协调员" placement="top">
            <el-button v-hasPermi="['system:dict:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
          </el-tooltip>
          <el-tooltip content="审核" placement="top">
            <el-button v-hasPermi="['system:dict:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
          </el-tooltip>
          <el-tooltip content="明细" placement="top">
            <el-button v-hasPermi="['system:dict:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
          </el-tooltip>
          <!-- <el-tooltip content="删除" placement="top">
            <el-button v-hasPermi="['system:dict:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
          </el-tooltip> -->
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script setup name="Dict" lang="ts">
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const { sys_normal_disable } = toRefs<any>(proxy?.useDict('sys_normal_disable'));
</script>
